import React from 'react';
import { useSelector } from 'react-redux';
import { TopicWrapper, TopicItem } from '../style';

const Topic = () => {
  const topicList = useSelector((state:any) => state.get('home').get('topicList'));
  return (
    <>
      <TopicWrapper>
        {
          topicList.map((item:any) => <TopicItem key={item.getIn(['id'])}>{item.getIn(['value'])}</TopicItem>)
        }
      </TopicWrapper>
    </>
  );
};

export default Topic;
